<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/dateils.css">
    <title>Document</title>
</head>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<body>
    <!-- 头 -->
    <div class="header">
        <!-- 中心 -->
        <div class="empty">
            <div class="tool-left">
                <a href="index.html"><span>返回首页</span></a>
                <a href="#"><span>网站导航</span></a>
                <a href="#"><span>商家入驻</span></a>
                <a href="#"><span>客服服务</span></a>
            </div>
            <div class="tool-right">
                <a href="login.html"><span>请登录</span></a>
                <a href="register.html"><span>注册有礼</span></a>
                <a class="espe" href="#"><span>我的订单</span></a>
                <a class="espe" href="#"><span>我的易购</span></a>
                <a class="espe" href="#"><span>苏宁会员</span></a>
                <a class="espe" href="./shopCar.html"><span>购物车<b>0</b></span></a>
                <a class="espe" href="#"><span>易付宝</span></a>
                <a class="espe" href="#"><span>企业采购</span></a>
                <a class="espe" href="#"><span>手机苏宁</span></a>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div class="wrap">
        <!-- 中心 -->
        <div class="empty">
            <!-- 上左 -->
            <div class="os-left">
                <img src="./img/苏宁logo.png" onclick="$(location).attr('href','index.html')">
                <img src="./img/Allworld.png" alt="">
            </div>
            <!-- 上右 -->
            <div class="os-right">
                <form >
                    <div class="search">
                        <input type="text" placeholder="全球好货提前定 a2三段低至175元">
                    </div>
                    <input class="search-btn" type="submit" value="搜国际">
                    <div class="search-hotword">
                        <a href="#">苹果12</a>
                        <a class="spec" href="#">精华</a>
                        <a href="#">口红</a>
                        <a class="spec" href="#">奶粉</a>
                        <a class="spec" href="#">女包</a>
                        <a href="#">戴森吸尘器</a>
                        <a class="spec" href="#">防嗮</a>
                        <a href="#">洗衣凝珠</a>
                    </div>
                </form>
            </div>
            <!-- 下 -->
            <div class="os-bottom">
                <div class="main-nav">
                    <span>国际商品分类</span>
                </div>
                <ul>
                    <li><a href="#">苏宁国际首页</a></li>
                    <li><a href="#">国际直营</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 商品 导航 -->
    <div class="wrapper">
        <!-- 中心 -->
        <div class="empty">
            <!-- 左 -->
            <div class="shop-left">
                <a href="#"><span>护肤 清洁 面膜</span></a> 
                <a href="#"><span> > <b>面膜面贴</b></span></a> 
                <a href="#"><span> > <b>面膜</b></span></a>
                <a href="#"><span> > <b>肌司研(JMsolution)</b></span></a>
                <a href="#"><span> > 肌司研(JMsolution)面膜</span></a>
            </div>
            <!-- 右 -->
            <div class="shop-right">
                <a href="#"><span>直营</span></a>
                <a href="#"><span>JMsolution海外直营旗舰店</span></a>
                <a href="#"><span>联系客服</span></a>
            </div>
        </div>
    </div>
    <!-- 商品详情 - 放大镜 -->
    <div class="EditionCenter">
        <!-- 左边 -->
        <div class="left-logo">
            <div class="logo-middle">
                <img name="middleimg" src="img/airpods.jpg" alt="">
                <!-- 遮罩 -->
                <div class="marks"></div>
                <!-- 大盒子 -->
                <div class="logo-max">
                    <img name="maximg" src="img/airpods.jpg" alt="">
                </div>
            </div>
            <div class="logo-min">
                <div class="Smalllogo">
                    <!-- 放大镜 - 小图 -->
                    <div class="imgwidth">
                        <img src="./img/airpods.jpg" alt="">
                        <img src="./img/iphone12.jpg" alt="">
                        <img src="img/nYWHeRQ5hbCVrgx3ldn75g.jpg" alt="">
                        <img src="img/GWrn-SnrqjSVHT_irAc5GA.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 右边 -->
        <div class="right-font">
            <!-- 1 -->
            <div class="proinfo-title">
                
            </div>
            <!-- 2 -->
            
            <!-- 3 -->
            
            <!-- 4 -->

            <!-- 5 -->

            <!-- 6 -->
            <div class="goodsopaction">
                <button name="instantly"><a>立即购买</a></button>
                <button name="joincart"><a href="javascript:;">加入购物车</a></button>
            </div>
        </div>
    </div>
</body>
<script src="js/dateils.js"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$('.goodsopaction button').eq(0).click(function(){
		$.ajax({
			url:"interface/addwq.php",
			data:{
				id:'2',
				name:'Apple iPhone 12 128G 绿色 移动联通电信5G全网通手机 学生智能拍照全面屏游戏手机',
				price:5499,
				img:$('.logo-middle img').attr('src'),
				num:1
			},
			success:function(date){
				console.log(date)
				if(date.code){
					alert('商品加入成功，即将跳转······')
					$(location).attr('href','shopCar.html')
				}
			},
			dataType:'json'
		});
	})
</script>
</html>